<html>
    <head>
        <title>阴影</title>
    </head>
    <body>
        <script>
            
            /*
                  九、阴影

                            阴影 box-shadow

                                        {box-shadow:inset offset-x offset-y blur-radius color}

                                        {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径  阴影颜色}


                                    参数                            描述

                                    inset (可选)                    默认阴影在边框外。 使用inset后，阴影在边框内（即使是透明边框），背景之上内容之下
                                    
                                    offset-x                        设置水平偏移量，如果是负值则阴影位于元素左边

                                    offset-y                        设置垂直偏移量，如果负值则阴影位于元素上面

                                    blur-radius                     设置模糊半径，px单位长度值，值越大，抹布面积越大，阴影就越大越淡。默认值为0，此时阴影边缘锐利。

                                    color                           设置阴影颜色


                            eg:
                                    .box4 {
                                        box-shadow: inset 3px 5px 20px rgb(255, 69, 0);
                                    }    
            */

        </script>
    </body>
</html>